<template>
  <view>
    <view class="sethome" @tap="gotoHomeList">
      <text>门店管理</text>
    </view>
    <view class="setdevice" @tap="gotoDeviceList">
      <text>设备管理</text>
    </view>
    <view class="setdeviceImg" @tap="gotoDeviceImgSet">
      <text>设备图片管理</text>
    </view>
  <!--底部-->
  <nvatab :selected="index"></nvatab>
  </view>
</template>

<script>
  import nvatab from '../components/tabbar/index.vue';
  export default {
    components: {
      nvatab
    },
    data() {
      return {
        index: 1,
      }
    },
    methods: {
        //跳转门店管理界面
        gotoHomeList(){
         this.$tab.navigateTo('/devicelistpkg/storeManage/storeList')
        },
        //跳转设备管理界面
        gotoDeviceList(){
         this.$tab.navigateTo("/devicelistpkg/deviceManage/deviceList?storeId=null")
        },
        //跳转设备图片管理界面
        gotoDeviceImgSet(){
           this.$tab.navigateTo("/devicelistpkg/deviceImgManage/index?storeId=null")
        }
    }
  }
</script>

<style>
.sethome {
  background-image: url('https://mkservice.mk-iot.com/subFile/mk2240/sethome.png');
  background-size: 100% 100%;
  width: 692rpx;
  height: 200rpx;
  margin: 56rpx auto 0 auto;
}

.sethome>text {
  line-height: 200rpx;
  padding-left: 32px;
  font-size: 36rpx;
  color: #ffffff;
}

.setdevice {
  background-image: url('https://mkservice.mk-iot.com/subFile/mk2240/setdevice.png');
  background-size: 100% 100%;
  width: 692rpx;
  height: 200rpx;
  margin: 25rpx auto;
}

.setdevice>text {
  line-height: 200rpx;
  padding-left: 32px;
  font-size: 36rpx;
  color: #ffffff;
}

.setdeviceImg{
  background-image: url('https://mkservice.mk-iot.com/subFile/mk2240/sethome.png');
  background-size: 100% 100%;
  width: 692rpx;
  height: 200rpx;
  margin: 56rpx auto 0 auto;
}
.setdeviceImg>text {
  line-height: 200rpx;
  padding-left: 32px;
  font-size: 36rpx;
  color: #ffffff;
}

</style>
